<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-touch-fullscreen" content="yes">
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <title>捐款轮数</title>

    <!-- Bootstrap -->
    <link href="./css/bootstrap.min.css" rel="stylesheet">
    <link href="./css/index.css" rel="stylesheet">
	<style>
	 	.sel_hd{
	 		background: transparent;
		    outline: none;
		    border: none;
	 		appearance:none;
			-moz-appearance:none; /* Firefox */
			-webkit-appearance:none; /* Safari 和 Chrome */
			text-align-last: center;
			font-size: 21px;
			max-width: 500px;
	 	}
	 	option{
	 		color:#000;
	 	}
	 	.span_jj{
			display: inline-block;
		    max-width: calc(100% - 30px);
		    white-space: nowrap;
		    overflow: hidden;
		}
        .jindu{
            background: radial-gradient(center , ellipse cover , rgb(63, 180, 189) 1% , rgb(233, 232, 232) 100%);
            background: -o-radial-gradient(center , ellipse cover , rgb(63, 180, 189) 1% , rgb(233, 232, 232) 100%);
            background: -ms-radial-gradient(center , ellipse cover , rgb(63, 180, 189) 1% , rgb(233, 232, 232) 100%);
            background: -moz-radial-gradient(center , ellipse cover , rgb(63, 180, 189) 1% , rgb(233, 232, 232) 100%);
            background: -webkit-radial-gradient(center , ellipse cover , rgb(63, 180, 189) 1% , rgb(233, 232, 232) 100%);

        }
	 </style>
</head>

<body>
    <!--导航-->
    <div class="navbar navbar-inverse">
        <div class="container">
            <div class="navbar-header text-center">
                <!-- 用户信息 -->
                <a class="navbar-brand user_msg" href="javascript:;"><img class="img-responsive" src="./img/geren5@2x.png" alt="" style="width:50%;border-radius:50%;"></a>
                <!-- 标题 -->
                <span class="title">捐款轮数</span>
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navBar">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
            </div>

            <div class="collapse navbar-collapse navbar-right" id="navBar">
                <ul class="nav navbar-nav">
                    <li><a href="index.html">首页</a></li>
                    <li><a href="chargeMoney.html">充币</a></li>
                    <li><a href="mentionMoney.html">提币</a></li>
                    <li><a href="Num1FirstRound.html" style="color:#fff;">捐款轮数</a></li>
                    <!--<li><a href="manageMoney.html">加密大陆</a></li>-->
                    <li><a href="myTeam.html">我的团队</a></li>
                    <li><a href="myEarnings.html">我的收益</a></li>
                    <li><a href="currencySetting.html">币种设置</a></li>
                </ul>
            </div>

            <!-- 用户信息 -->
            <div class="user_wrapper">
                <div class="user_container">
                    <img class="user_head" src="./img/lanse222.gif" alt="用户头像">
                    <p class="user_id"></p>
                    <div class="btns">
                        <a href="personalCenter.html">个人中心</a>
                        <a href="login.html">退出</a>
                    </div>
                </div>
            </div>

        </div>
    </div>
	<div class="container-fluid">
    <!-- ETH一号第1轮 -->
    <div class="con_t2 text_shadow" style="margin: 0;">
    	<select class="sel_hd" style="width: 100%;">
    	</select>
    </div>
    <div class="row sel_row">
    	<!--进度条-->
        <div class="progress jindu" style="margin: 30px 15px;">
		  <div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100" style="width:0%;color: maroon;">
		  	0%
		  </div>
		</div>
        <div class="col-md-3 col-xs-6">
            <div class="ethOneNum" style="padding:25px 0;">
                <div class="oneNum_title"><img src="./img/num1.png" alt="第一轮" width="20" height="20"><span class="span_jj activityName"></span></div>
                <p class="nowNum"></p>
            </div>
        </div>
        <div class="col-md-3 col-xs-6">
            <div class="ethOneNum">
                <div class="oneNum_title"><img src="./img/num2.png" alt="当前状态" width="20" height="20">当前状态</div>
                <p class="nowStatus"></p>
            </div>
        </div>
        <div class="col-md-3 col-xs-6">
            <div class="ethOneNum">
                <div class="oneNum_title"><img src="./img/num3.png" alt="目标数量" width="20" height="20">目标数量</div>
                <p class="nowTargetAmount"></p>
            </div>
        </div>
        <div class="col-md-3 col-xs-6">
            <div class="ethOneNum">
                <div class="oneNum_title"><img src="./img/num4.png" alt="已筹集" width="20" height="20">已筹集</div>
                <p class="nowRaisedAmount"></p>
            </div>
        </div>
    </div>
</div>
    <!--preload-->
	<section id="preloader">
		<div class="loading-circle fa-spin"></div>
		<div class="loading-circle2">
			<img src="img/logo.png">
		</div>
	</section>
    	
    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="./js/jquery-2.1.1.min.js"></script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script src="./js/bootstrap.min.js"></script>
    <script src="./js/index.js"></script>
    <script src="js/Num_home.js"></script>
</body>

</html>